{%extends file="user/page/layout.tpl"%}

{%block name="sub-head-static"%}
    {%require name="user:static/assetsterm/assetsterm.less"%}
    {%require name="user:static/assetsterm/assetsterm.js"%}
{%/block%}

{%block name="right-content"%}
    <div class="page-assetsterm">
          <div class="term-list">
              <div class="block left">
                  <div class="term-type">一个月定期</div>
                  <div class="preview">
                      <div class="number-block">
                          <i class="ob-icon bo-icon-cycle2"></i>
                          <div class="ob-context">
                              <div class="ob-title ob-title1 now-profit">￥{%$data.term1.expect_profit|format_amount:4%}</div>
                              <div class="ob-info">预期收益</div>
                          </div>
                      </div>
                      <div class="number-block">
                          <i class="ob-icon bo-icon-cycle2"></i>
                          <div class="ob-context">
                              <div class="ob-title ob-title1 now-profit">￥{%$data.term1.amount|format_amount%}</div>
                              <div class="ob-info">持有份额</div>
                          </div>
                      </div>
                  </div>
                  <div class="cbtn">
                      {%if $data.term1.plat_usable_amount>=1%}
                      <a class="btn btn-large btn-main" href="/user/buyterm?pid=2">购买</a>
                      {%else%}
                      <a class="btn btn-large btn-disable">已售完</a>
                      {%/if%}
                  </div>
              </div>

              <div class="block left" style="margin-left:12px">
                  <div class="term-type">三个月定期</div>
                  <div class="preview">
                      <div class="number-block">
                          <i class="ob-icon bo-icon-cycle2"></i>
                          <div class="ob-context">
                              <div class="ob-title ob-title1 now-profit">￥{%$data.term3.expect_profit|format_amount:4%}</div>
                              <div class="ob-info">预期收益</div>
                          </div>
                      </div>
                      <div class="number-block">
                          <i class="ob-icon bo-icon-cycle2"></i>
                          <div class="ob-context">
                              <div class="ob-title ob-title1 now-profit">￥{%$data.term3.amount|format_amount%}</div>
                              <div class="ob-info">持有份额</div>
                          </div>
                      </div>
                  </div>
                  <div class="cbtn">
                      {%if $data.term3.plat_usable_amount>=1%}
                      <a class="btn btn-large btn-main" href="/user/buyterm?pid=23">购买</a>
                      {%else%}
                      <a class="btn btn-large btn-disable">已售完</a>
                      {%/if%}
                  </div>
              </div>


              <div class="block right">
                  <div class="term-type">六个月定期</div>
                  <div class="preview">
                      <div class="number-block">
                          <i class="ob-icon bo-icon-cycle2"></i>
                          <div class="ob-context">
                              <div class="ob-title ob-title1 now-profit">￥{%$data.term6.expect_profit|format_amount:4%}</div>
                              <div class="ob-info">预期收益</div>
                          </div>
                      </div>
                      <div class="number-block">
                          <i class="ob-icon bo-icon-cycle2"></i>
                          <div class="ob-context">
                              <div class="ob-title ob-title1 now-profit">￥{%$data.term6.amount|format_amount%}</div>
                              <div class="ob-info">持有份额</div>
                          </div>
                      </div>
                  </div>

                  <div class='cbtn'>
                      {%if $data.term6.plat_usable_amount>=1%}
                      <a class="btn btn-large btn-main" href="/user/buyterm?pid=26">购买</a>
                      {%else%}
                      <a class="btn btn-large btn-disable">已售完</a>
                      {%/if%}
                  </div>
              </div>
              <div class="clear"></div>
          </div>


        <div class="block record-block">
            <div class="title">我的购买记录</div>
            <div class="line" style="margin-top:20px;">
                <div class="left">定期种类：</div>
                <div class="right">
                    <ul class="type-tab product-tab">
                        <li><a class="active" data-product-type='0'>全部</a></li>
                        <li><a data-product-type='1'>一个月定期</a></li>
                        <li><a data-product-type='2'>三个月定期</a></li>
                        <li><a data-product-type='3'>六个月定期</a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
            <div class="line">
                <div class="left">购买日期：</div>
                <div class="right">
                    <ul class="type-tab time-tab">
                        <li><a class="active" data-date-type='0'>全部</a></li>
                        <li><a data-date-type='1'>最近3天</a></li>
                        <li><a data-date-type='2'>最近1个月</a></li>
                        <li><a data-date-type='3'>最近3个月</a></li>
                        <li><a data-date-type='4'>最近6个月</a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>

            <div class="line">
                <div class="left">状态：</div>
                <div class="right">
                    <ul class="type-tab status-tab">
                        <li><a class="active" data-status='0'>未到期</a></li>
                        <li><a data-status='1'>已到期</a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>


            <div class="record-table">
                <hr>
                <hr>
                <table>
                    <thead>
                    <tr>
                        <td>单号</td>
                        <td>交易时间</td>
                        <td>产品/期限</td>
                        <td>购买份额</td>
                        <td>到期日</td>
                        <td>预期收益</td>
                        <td class="term-opration">到期后操作</td>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
            <div class="record-pagination"></div>
        </div>
    </div>
{%/block%}